<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

  <div id="app">
      <!--最简单的组件-->
      <zujian></zujian>
  </div>

<script>

    //组件是方法  第一个是组件名  第二个参数是一个对象，模板的内容
    Vue.component('zujian',{
            template:'<h1>hello word</h1>'
       }
    );

    var app =new Vue({
      el:"#app",
       data:{
          msg:"hello world",
       }

    });




</script>

</body>
</html>